<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <!-- 基础信息 -->
    <meta charset="utf-8">
    <meta http-equiv="Access-Control-Allow-Origin" content="*">
    <!-- 强制 HTTPS，若不需要可删除，但可能出现问题 -->
    <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="force-rendering" content="webkit" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="theme-color" content="#424242" />
    <title>MyIndex</title>
    <!-- jQuery -->
    <script src="../js/jquery3.5.1.js"></script>
    <!-- HarmonyOS Sans -->
    <!-- 本站 CDN 已开启防盗链，非本站域名不可访问，请更改链接为下方内容，否则自定义字体将失效 -->
    <!-- https://s1.hdslb.com/bfs/static/jinkela/long/font/regular.css -->
    <!-- <link rel="stylesheet" href="https://s1.hdslb.com/bfs/static/jinkela/long/font/regular.css" /> -->
    <link rel="stylesheet" href="../css/regular.css" />
    <!-- 引入样式 -->
    <!-- <link rel="stylesheet" type="text/css"
        href="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-y/bootstrap/5.1.0/css/bootstrap.min.css"> -->
    <link rel="stylesheet" type="text/css" href="../css/bootstrap.min5.1.0.css">
    <link rel="stylesheet" type="text/css" href="../css/style.css">
    <link rel="stylesheet" type="text/css" href="../css/mobile.css">
    <link rel="stylesheet" type="text/css" href="../css/loading.css">
    <link rel="stylesheet" type="text/css" href="../css/animation.css">
    <link rel="icon" href="../favicon.ico">
    <link rel="apple-touch-icon" href="../img/icon/apple-touch-icon.png">
    <!-- Izitoast -->
    <!-- <link rel="stylesheet" href="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-y/izitoast/1.4.0/css/iziToast.min.css"> -->
    <link rel="stylesheet" href="../css/iziToast.min1.4.0.css">
    <!-- <script type="text/javascript"
        src="https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-y/izitoast/1.4.0/js/iziToast.min.js">
    </script> -->
    <script type="text/javascript"
        src="../js/iziToast.min1.4.0.js">
    </script>
    <!-- Search Box -->
    <!--
    <script src="https://code.jquery.com/jquery-3.5.1.js"></script>
    <script src="https://kit.fontawesome.com/a076d05399.js"></script>
    -->
    <!-- FontAwesome -->
    <!-- <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/font-awesome/6.1.2/css/all.min.css"> -->
    <link rel="stylesheet" href="../css/all.min.6.1.2.css">
    <!-- Aplayer -->
    <!-- <link rel="stylesheet" href="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-y/aplayer/1.10.1/APlayer.min.css"
        crossorigin="anonymous" referrerpolicy="no-referrer" /> -->
    <link rel="stylesheet" href="../css/APlayer.min.1.10.1.css"
        crossorigin="anonymous" referrerpolicy="no-referrer" />
    <!-- <script src="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-y/aplayer/1.10.1/APlayer.min.js" crossorigin="anonymous"
        referrerpolicy="no-referrer"></script> -->
    <script src="../js/APlayer.min.1.10.1.js" crossorigin="anonymous"
        referrerpolicy="no-referrer"></script>
    <!-- <script src="./js/Meting.js" crossorigin="anonymous" referrerpolicy="no-referrer"></script> -->
    <!-- IE Out -->
    <script>
        if ( /*@cc_on!@*/ false || (!!window.MSInputMethodContext && !!document.documentMode)) window.location.href =
            "/upgrade-your-browser/index.html?referrer=" + encodeURIComponent(window.location.href);
    </script>
    <!-- PWA -->
    <link rel="manifest" href="/manifest.json">
    <!-- 51.LA 统计 -->
    <script src="../js/51LA.js"></script>
    <style>
        .zuoye1{
            background-image: url('../img/zuoYeFengMian/zuoye1.png'); 
            background-size: cover; /* 背景图片覆盖整个元素 */
            background-position: center; /* 背景图片居中显示 */
            background-repeat: no-repeat; /* 不重复背景图片 */
        }
        .zuoYeBiaoTi{
            color: #000000;
        }
        .zuoYeBiaoTi :hover{
            color: #ffffff;
        }
    </style>
</head>

<body>
    <!--加载动画-->
    <div id="loading-box">
        <div class="loading-left-bg"></div>
        <div class="loading-right-bg"></div>
        <div class="spinner-box">
            <div class="loader">
                <div class="inner one"></div>
                <div class="inner two"></div>
                <div class="inner three"></div>
            </div>
            <div class="loading-word">
                <p class="loading-title" id="loading-title">Index</p>
                <span id="loading-text">Loading......</span>
            </div>
        </div>
    </div>
    <section id="section" class="section">
        <!-- 背景图片 -->
        <style type="text/css">
            body{
              background: url("../img/beijing.jpg") no-repeat center center fixed;
                          /*兼容浏览器版本*/
                          -webkit-background-size: cover;
                          -o-background-size: cover;                
                          background-size: cover;
            } /*背景图*/
       
            .test {
              margin-top: 100px;
            }
          </style>
        <!-- 鼠标指针 -->
        <div id="g-pointer-1"></div>
        <div id="g-pointer-2"></div>
        <!-- 主体内容 -->
        <main id="main" class="main">
            
            <div class="container" id="container">
              
                <div class="link">
                    <div class="row" style="margin-top: 1.5rem;">
                        <h2>219970238向杨</h2>
                    </div>
                <div class="row" style="margin-top: 10rem;">
                    <div class="col">
                        <a class="" id="link-url-1" href="./作业1.html" target="_blank">
                            <div class="link-card cards zuoye1">
                                <span class="link-name zuoYeBiaoTi" id="link-name-1">作品1: 使用JavaScript打印图形</span>
                            </div>
                        </a>
                    </div>
                    <!-- <div class="col 2">
                        <a id="link-url-2" href="https://pan.baidu.com/" target="_blank">
                            <div class="link-card cards">
                                <i id="link-icon-2" class="fa-solid fa-cloud"></i>
                                <span class="link-name" id="link-name-2">NetPan</span>
                            </div>
                        </a>
                    </div>
                    <div class="col">
                        <a class="" id="link-url-1" href="./作业1.html" target="_blank">
                            <div class="link-card cards zuoye1">
                                <i id="link-icon-1" class="fa-solid fa-blog"></i>
                                <span class="link-name" id="link-name-1">作品1: 使用JavaScript打印图形</span>
                            </div>
                        </a>
                    </div> -->
                </div>
                <!-- <div class="row" style="margin-top: 1.5rem;">
                    <div class="col">
                        <a class="" id="link-url-1" href="./作业1.html" target="_blank">
                            <div class="link-card cards zuoye1">
                                <span class="link-name" id="link-name-1">作品1: 使用JavaScript打印图形</span>
                            </div>
                        </a>
                    </div>
                    <div class="col 2">
                        <a id="link-url-2" href="https://pan.baidu.com/" target="_blank">
                            <div class="link-card cards">
                                <i id="link-icon-2" class="fa-solid fa-cloud"></i>
                                <span class="link-name" id="link-name-2">NetPan</span>
                            </div>
                        </a>
                    </div>
                    <div class="col times">
                        <a class="" id="link-url-1" href="./作业1.html" target="_blank">
                            <div class="link-card cards zuoye1">
                                <i id="link-icon-1" class="fa-solid fa-blog"></i>
                                <span class="link-name" id="link-name-1">作品1: 使用JavaScript打印图形</span>
                            </div>
                        </a>
                    </div>
                </div> -->
            </div>
                <!--展开菜单按钮-->
            
                <!--更多内容-->
            
                <!--更多页面-->
    
            </div>
        </main>
        <!-- 版权信息 -->

    </section>
    <!-- sw.js -->
    <script>
        if ("serviceWorker" in navigator) {
            window.addEventListener("load", function () {
                navigator.serviceWorker.register("sw.js");
            });
        }
    </script>
    <!-- noscript -->
    <noscript>
        <div class="noscript fixed-top">请开启 JavaScript</div>
    </noscript>
    <!-- JS -->
    <script type="text/javascript" src="../js/main.js"></script>
    <script type="text/javascript" src="../js/set.js"></script>
    <script type="text/javascript" src="../js/time.js"></script>
    <script type="text/javascript" src="../js/js.cookie.js"></script>
    <!-- <script type="text/javascript"
        src="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-y/bootstrap/5.1.0/js/bootstrap.min.js">
    </script> -->
    <script type="text/javascript"
        src="../js//bootstrap.min.5.1.0.js">
    </script>
</body>

</html>
